<template>
  <div>
    <!-- 导航  订单详情-->
    <van-nav-bar
      title="交易成功"
      left-text="返回"
      left-arrow
      @click-left="
        () => {
          $router.push('/order');
        }
      "
    />
    <!-- 地址 -->
    <!-- <van-contact-card type="edit" name="张三" tel="13000000000" :editable="false" /> -->
    <van-address-list
      v-model="chosenAddressId"
      :list="list"
      :disabled-list="disabledList"
      default-tag-text="默认"
    />
    <!-- 订单 -->
    <van-card
      style="margin-top: -60px"
      num="2"
      price="2.00"
      desc="描述信息"
      title="商品标题"
      thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
    />
    <van-action-bar-button style="border-radius: 25px;margin-top: 510px;" type="danger" text="返回" @click="backlist" />
    <!-- 动作栏 -->
    <!-- <van-action-bar>
      <van-action-bar-button type="danger" text="返回" @click="backlist" />
    </van-action-bar> -->
  </div>
</template>

<script setup>
import {ref} from 'vue'
// 跳转
import { useRouter } from 'vue-router'
let router = new useRouter();
// 轻提示
import { showToast } from "vant";
// 地址
const list = [
  {
    id: "1",
    name: "张三",
    tel: "13000000000",
    address: "浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室",
    isDefault: true,
  },
];
const backlist = () =>{
    router.push('/orderlist')
}
</script>

<style lang="scss" scoped>
</style>